@charset "utf-8";

.btn {
  display: inline-block;
  padding: 0.8rem 1.6rem;
  background-color: $colorRed;
  border: 0;
  border-radius: 0.4rem;
  color: #fff;
  font-size: 1.6rem;
  text-align: center;
  text-decoration: none;
  &:focus {
    outline: 0;
  }
  &:disabled {
    background-color: $colorLightGray;
    color: $colorDarkGray
  }
}

.btn-block {
  .btn {
    width: 100%;
    font-size: 1.8rem;
    font-weight: bold;
  }
}

.buy-list-backdrop {
  position: fixed;
  z-index: 2018;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(#000, 0.4);
  cursor: pointer;
  .buy-list {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #F0F0F0;
    .header {
      font-size: 1.2rem;
      line-height: 4rem;
      background-color: #fff;
      text-align: center;
      color: #6F6F6F;
    }
    .body {
      background-color: #fff;
      margin-bottom: 1rem;
      ul {
        margin: 0;
        padding: 0;
        list-style: none;
        li {
          border-top: 1px solid #F6F6F6;
          a {
            display: block;
            font-size: 1.4rem;
            line-height: 4rem;
            text-align: center;
            color: #333333;
            text-decoration: none;
          }
        }
      }
    }
    .footer {
      margin-bottom: 1rem;
      font-size: 1.4rem;
      line-height: 4rem;
      background-color: #fff;
      text-align: center;
      cursor: pointer;
    }
  }
}
